<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <!--[if IE]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Page title -->
  <title>唐子翔的BLOG</title>
  <!--[if lt IE 9]>
      <script src="js/respond.js"></script>
      <![endif]-->
  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  <!-- Icon fonts -->
  <link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="fonts/flaticons/flaticon.css" rel="stylesheet" type="text/css">
  <link href="fonts/glyphicons/bootstrap-glyphicons.css" rel="stylesheet" type="text/css">
  <!-- Google fonts -->
  <link href='https://fonts.googleapis.com/css?family=Lato:400,700,800' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:700,900' rel='stylesheet' type='text/css'>
  <!-- Theme CSS -->
  <link href="css/style.css" rel="stylesheet">
  <!-- Color Style CSS -->
  <link href="styles/funtime.css" rel="stylesheet">
  <!-- Owl Slider & Prettyphoto -->
  <link rel="stylesheet" href="css/owl.carousel.css">
  <link rel="stylesheet" href="css/prettyPhoto.css">
  <!-- LayerSlider stylesheet -->
  <link rel="stylesheet" href="layerslider/css/layerslider.css">
  <!-- Favicons-->
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
  <link rel="shortcut icon" href="img/sun.png" type="image/x-icon">
  <!-- Switcher Only -->
  <link rel="stylesheet" id="switcher-css" type="text/css" href="switcher/css/switcher.css" media="all" />
  <!--Alternate CSS -->
  <link rel="alternate stylesheet" type="text/css" href="styles/funtime.css" title="funtime" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="styles/playground.css" title="playground" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="styles/games.css" title="games" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="styles/childhood.css" title="childhood" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="styles/school.css" title="school" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="switcher/css/boxed.css" title="boxed" media="all" />
  <link rel="alternate stylesheet" type="text/css" href="switcher/css/full.css" title="full" media="all" />

  <style>
    .c_img {
      width: 100%
    }

    .row {
      margin-top: 100px;
    }

    p {
      text-align: left;
    }

    .container p {
      text-indent: 2em;
    }

    .container img {
      margin: 50px auto auto auto;
      width: 400px;
      max-width: 90%;

    }

    .ft p,
    .ft h3 {
      text-align: center;
      text-indent: 0em;
    }

    img.touxiang {
      width: 150px !important;
      float: left;
      margin: 0 20px auto auto;

    }

  </style>
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
  <!-- Page width 'Boxed' of 'Full' -->
  <div class="full">
    <!-- Preloader -->
    <div id="preloader">
      <div class="preloader">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
    <!-- Start Switcher -->
    <div class="demo_changer">
      <div class="demo-icon">
        <i class="fa fa-cog fa-2x"></i>
      </div>
      <!-- end opener icon -->
      <div class="form_holder">
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="predefined_styles">
              <h4>Choose a Color Skin</h4>
              <!-- MODULE #3 -->
              <a href="playground" class="styleswitch"><img src="switcher/images/icons/playground.png"
                  class="img-circle" alt=""></a>
              <a href="games" class="styleswitch"><img src="switcher/images/icons/games.png" class="img-circle"
                  alt=""></a>
              <a href="funtime" class="styleswitch"><img src="switcher/images/icons/funtime.png" class="img-circle"
                  alt=""></a>
              <a href="school" class="styleswitch"><img src="switcher/images/icons/school.png" class="img-circle"
                  alt=""></a>
              <a href="childhood" class="styleswitch"><img src="switcher/images/icons/childhood.png" class="img-circle"
                  alt=""></a>
              <h4>Width</h4>
              <a href="boxed" class="btn styleswitch">Boxed</a>
              <a href="full" class="btn styleswitch">Full Width</a>
              <h4>Header</h4>
              <a href="index.html" class="btn">Layerslider</a>
              <a href="index_video.html" class="btn">Video</a>
            </div>
            <!-- end predefined_styles -->
          </div>
          <!-- end col -->
        </div>
        <!-- end row -->
      </div>
      <!-- end form_holder -->
    </div>
    <!-- end demo_changer -->
    <!-- End Switcher -->
    <!-- Navbar -->
    <nav class="navbar navbar-custom navbar-fixed-top">
      <!-- Brand and toggle get grouped for better mobile display -->

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="navbar-brand-centered">
        <div class="container">
          <!-- <ul class="nav navbar-nav page-scroll navbar-left">
            <li><a href="#page-top">Home</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#team">Team</a></li>
            <li><a href="#activities">Activities</a></li>
          </ul> -->
          <ul class="nav navbar-nav page-scroll navbar-right">
            <li><a href="#gallery"></a></li>
            <!-- Dropdown -->
            <!-- <li class="dropdown active">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="blog-home.html">Blog Home</a></li>
                <li><a href="blog-post.html">Blog Post</a></li>
                <li class="divider"></li>
                <li class="active"><a href="#latestblog">Latest Posts</a></li>
              </ul>
            </li> -->
            <!-- <li><a href="#prices">Prices</a></li>
            <li><a href="#contact">Contact</a></li> -->
            <!-- Dropdown -->
            <!-- <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="elements.html">Elements</a></li>
                <li><a href="index_video.html">Video Header</a></li>
                <li><a href="sidebar-page.html">Sidebar Page</a></li>
              </ul>
            </li> -->
          </ul>
        </div>
      </div>
      <!-- /.navbar-collapse -->
    </nav>
    <!-- /navbar ends -->

    <section id="callout" class="small-section">
      <!-- Clouds background -->
      <div class="hidden-xs">
        <div class="cloud x1"></div>
        <div class="cloud x2"></div>
        <div class="cloud x3"></div>
        <div class="cloud x4"></div>
        <div class="cloud x5"></div>
        <div class="cloud x6"></div>
        <div class="cloud x7"></div>
      </div>
      <!-- /Clouds ends -->
      <div class="container">
        <!-- Animated Sun -->
        <div class="sun hidden-sm hidden-xs">
          <div class="sun-face">
            <div class="sun-hlight"></div>
            <div class="sun-leye"></div>
            <div class="sun-reye"></div>
            <div class="sun-lred"></div>
            <div class="sun-rred"></div>
            <div class="sun-smile"></div>
          </div>
          <!-- Sun rays -->
          <div class="sun-anime">
            <div class="sun-ball"></div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
            <div class="sun-light"><b></b><s></s>
            </div>
          </div>
        </div>
        <!-- /Animated Sun -->
        <div class="col-md-10 col-sm-10 text-center">
          <div class="well">
            <h3>唐子翔的BLOG</h3>
            <img src="img/tangzixiang.png" class='touxiang'>
            <p>
              大家好！我叫唐子翔 ，是沂源县实验小学三年级四班的学生，今年我十岁了。


            </p>
            <p>
              平时没事我就抱着一本书，这可是我每天的“必修课”。如果哪天遇上了一本好读的书，就恨不得一口气把它读完。有一次，我看书太入迷，妈妈叫我去吃饭，叫了七遍，我都没听见。后来，还是肚了饿得咕咕叫，我才站起来去吃饭。我身边的人都知道我爱读书，常常喊我“小书迷”，妈妈更是怜爱地说我是一个“小书虫”。
            </p>

            <!-- /page-scroll -->
          </div>
          <!-- /well -->
        </div>
        <!-- /col-md-6 -->
      </div>
      <!-- /container-->
    </section>
    <!-- Section Ends-->
    <!-- Section About -->
    <section id="about">
      <div class="parallax-object1 hidden-sm hidden-xs" data-0="opacity:1;" data-start="margin-top:40%"
        data-100="transform:translatey(0%);" data-center-center="transform:translatey(100%);">
        <!-- Image -->
        <img src="img/parallaxobject1.png" alt="">
      </div>
      <div class="parallax-object2 hidden-sm hidden-xs" data-0="opacity:1;" data-start="margin-top:10%"
        data-100="transform:translatey(0%);" data-center-center="transform:translatey(100%);">
        <!-- Image -->
        <img src="img/parallaxobject2.png" alt="">
      </div>
      <div class="container">
        <div class="col-lg-8 col-lg-offset-2">
          <!-- Section heading -->
          <div class="section-heading">
            <h2>我的作文和读书笔记</h2>

          </div>
        </div>
        <div class="row">

          <!-- text -->
          <div class="col-lg-12 col-sm-12">
            <h3>读书笔记 -- 《海底两万里》</h3>

            <p>
              我最喜欢读书了，读书是一种享受，使我成长过程不可分割的一部分，我最喜欢读《海底两万里》。作家儒尔&middot;凡尔纳被称为&ldquo;现代科幻小说之父&rdquo;，他的著作&ldquo;海洋三部曲&rdquo;系列更是家喻户晓。其中我最喜欢的一本，也是最精彩的一本，莫过于《海底两万里》了。
            </p>
            <div style="text-align: center; margin-bottom: 50px">
              <img src="img/haidiliangwanli.jpg">
              <div style="clear: both; height: 1px;"></div>
              <i>海底两万里</i>
            </div>
            <p>
              这本书讲述了一位叫尼摩的船长，驾驶自己创造的一艘潜水艇&ldquo;斯第诺留号&rdquo;，也就是鹦鹉螺号，在海洋上展开探险的故事。故事的主人公还有阿龙纳斯博士，他的仆人龚赛伊，以及捕鲸手尼德&middot;兰。三人被尼摩船长囚禁之后，在海上探险的过程中想尽办法，最终成功逃脱。
            </p>

            <p>
              这部小说的人物塑造栩栩如生。先是博学多才的阿龙纳斯先生。他冷静而又幽默，在危急时刻总能想出一些办法；而仆人龚赛伊则忠诚无比，还喜欢分类，时常给海底生物作详细的解释；捕鲸手尼德&middot;兰则脾气暴躁，但又机智勇敢，为三人最终逃出潜艇立下了汗马功劳。
            </p>

            <p>
              而最重要的人物尼摩船长则是一个神秘的人物。没有人知道他姓什么，也没有人知道他来自哪里。他始终孤独行军，即使是船上的船员，也不知道他的具体信息。虽然他是为了复仇，但他也有一颗善良的心。他为死去的船员祈祷，不滥杀海洋生物。如此一个好人内心埋藏着对家人的思念和对人类的厌恶，是一个很矛盾的人物。
            </p>

            <p>对凡尔纳来说，这是一部凝聚了他毕生心血的科幻小说；对我们来说，这是一部不可多得的经典名著。让我们在书籍的世界里，一起遨游海洋吧！</p>


          </div>
          <!-- /col-lg-8 -->
        </div>
        <div class="row">

          <!-- text -->
          <div class="col-lg-12 col-sm-12">
            <h3>美啊！ 我家的长寿花</h3>
            <p>我家有许许多多的花，有吊兰、日香桂、杜鹃花、茶花、海棠&hellip;&hellip;但最吸引我的是长寿花。</p>

            <p>
              以前，我没有注意这种花，但今年我注意。原来长寿花是多肉的一种，它的叶子又光滑又厚，每片叶子的周围都带着一些细小的锯齿。刚长出来的叶子是嫩绿的，不久，叶子越长越大就变成深绿色了。在太阳的照射下，长寿花的叶子油亮发光。叶子一簇堆在另一簇上面，好看得很，它的叶子像冬青的叶子一样四季长青，长寿花这个名字真是名不虚传啊！
            </p>
            <div style="text-align: center;margin-bottom: 50px">

              <img src="img/changshouhua.jpg">
              <div style="clear: both; height: 1px;"></div>
              <i>长寿花</i>
            </div>
            <p>
              长寿花的叶子翠绿新鲜，但最引人注意的是长寿花的&ldquo;花&rdquo;。这种花的花期大约是从每年的十二月到四月，真是花如其名。我仔细观察发现长寿花的花枝上有的只有一朵或几朵花，有的花枝上有十几朵甚至几十朵。花枝上的花有的含苞待放像一个害羞的小姑娘；有的花只开了一半，半遮半掩的就像一个待出嫁的小姑娘，只见中间未开的花苞带着的一点青绿色。有的花完全盛开了好像一个穿着华丽的小姑娘。它的花瓣是粉白相间的，它的花不大，一簇簇一片片紧紧的挨在一起就像一个个小绒球。它们就像一个个笑脸在对着我笑对我说：&ldquo;谢谢你，这几年一直照顾着我们。&rdquo;我没想到的是花朵败时居然变成紫色的干花，也很好看。长寿花真神奇啊！它真是把它的全部生命力展示给我们看。
            </p>

            <p>妈妈把枯萎了的花的花枝剪下来，插到一个花盆里，不几天又能长出一株新的花，长寿花的生命力真顽强啊!</p>

            <p>这就是我家的长寿花！我爱长寿花的花朵，更爱它顽强的生命力。</p>


          </div>
          <!-- /col-lg-8 -->
        </div>
        <!-- /row -->

        <!-- /row features -->

        <!-- /col-lg-7 -->
      </div>
      <!--/container-->
    </section>
    <!--/ Section ends -->
    <!-- Parallax object -->
    <div class="parallax-object3 hidden-sm hidden-xs" data-0="opacity:1;" data-100="transform:translatex(0%);"
      data-center-center="transform:translatex(380%);">
      <!-- Image -->
      <img src="img/parallaxobject3.png" alt="">
    </div>

    <!-- Section Team -->
    <section id="team" class="color-section">
      <!-- svg triangle shape -->
      <svg class="triangleShadow" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100"
        viewBox="0 0 100 100" preserveAspectRatio="none">
        <path class="trianglePath1" d="M0 0 L50 100 L100 0 Z" />
      </svg>
      <div class="container">
        <div class="col-lg-8 col-lg-offset-2">
          <!-- Section heading -->
          <div class="section-heading">
            <h2>写在结尾</h2>
          </div>
        </div>
        <!-- Intro text -->
        <div class="row team">
          <!-- <div class="col-lg-5 col-md-5 res-margin"> -->
          <!-- Intro image -->
          <!-- <img src="img/teammain.jpg" class="center-block img-responsive img-curved" alt="" />
          </div> -->
          <div class="col-lg-12 col-md-7 ft">
            <h3> 谢谢大家</h3>
            <p>
              指导老师: 沈振霞
            </p>
            <p>
              作者:唐子翔
            </p>
            <p>
              邮箱:495768044@qq.com
            </p>
            <p>
              时间:2019年4月10日
            </p>
          </div>
        </div>
        <!-- Team Carousel-->

        <!--/owl-team -->
      </div>
      <!--/container -->
    </section>





  </div>
  <!-- /page width -->
  <!-- Core JavaScript Files -->
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <!-- Google maps -->
  <!-- Main Js -->
  <script src="js/main.js"></script>
  <!-- Isotope -->
  <script src="js/jquery.isotope.js"></script>
  <!--Mail Chimp validator -->
  <!--Other Plugins -->
  <script src="js/plugins.js"></script>
  <!-- Contact -->


</body>

</html>
